<script lang="ts">
    export let color: string = '#8A9299';
    export let height: string = "24";
    export let width: string = "24";
</script>

<svg width={width} height={height} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2696_21853)">
<path d="M8 4C6.34375 4 5 5.34375 5 7V17C5 18.6562 6.34375 20 8 20H17H18C18.5531 20 19 19.5531 19 19C19 18.4469 18.5531 18 18 18V16C18.5531 16 19 15.5531 19 15V5C19 4.44687 18.5531 4 18 4H17H8ZM8 16H16V18H8C7.44688 18 7 17.5531 7 17C7 16.4469 7.44688 16 8 16ZM9 8.5C9 8.225 9.225 8 9.5 8H15.5C15.775 8 16 8.225 16 8.5C16 8.775 15.775 9 15.5 9H9.5C9.225 9 9 8.775 9 8.5ZM9.5 10H15.5C15.775 10 16 10.225 16 10.5C16 10.775 15.775 11 15.5 11H9.5C9.225 11 9 10.775 9 10.5C9 10.225 9.225 10 9.5 10Z" 
fill={color}
/>
</g>
<defs>
<clipPath id="clip0_2696_21853">
<rect width="14" height="16" fill="white" transform="translate(5 4)"/>
</clipPath>
</defs>
</svg>
